.refund-detail-wrapper {
  background: $colorLightBeige;
  padding: $margin 0 ($bottomDockHeight + $margin) 0;
}

.top-border-section {
  border-top: 1px solid $colorConv;
}

.bottom-border-section {
  border-bottom: 1px solid $colorConv;
}

.sub-status {
  margin-bottom: 20px;
}

.chevron {
  @include size(6px, 12px);
}

.address {
  border-top: 1px solid $colorConv;
  padding-top: 25px;
}

.misc-info {
  .misc-title {
    padding: 25px 0;
    border-bottom: 1px solid $colorBeige;
  }
  .misc-content {
    padding: 25px 0;
    color: $colorGrey;
    .clickables {
      text-decoration: underline;
      margin: 0 4px;
    }
    .delivery-title {
      display: flex;
      align-items: center;
      font-family: $notoSans;
      margin-bottom: 26px;
      color: $colorDark;

      .sf {
        @include size(24px, 23px);
        margin-right: 6px;
      }
    }
    .delivery-info {
      font-family: $notoSans;
      color: $colorDark;
    }
  }
}

.pick-up-time {
  font-family: $notoSans;
  padding-top: 25px;
  padding-bottom: 20px;
  .pick-up-info {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .pick-up-policy {
    font-size: 12px;
    color: $colorGrey;
  }
}

.history {
  $left-hist-margin: 20px;

  &-list-wrapper {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      // Manually setting to stop/start att right place relative to dots
      // Tested on multiple resolutions
      top: 4px;
      right: 0;
      bottom: 26px;
      left: 3px;
      border-left: 1px dashed $colorDark;
    }
  }

  font-family: $notoSans;
  color: $colorGrey;
  line-height: 1;

  .history-item {
    margin-bottom: 25px;
  }

  &-title,
  &-date {
    margin-left: $left-hist-margin;
  }

  &-title {
    position: relative;
    font-size: $paragraph;
    margin-bottom: 8px;

    &.active {
      color: $colorDark;
    }

    .ellipse {
      @include size(7px, 7px);
      position: absolute;
      top: 50%;
      left: -$left-hist-margin;
      transform: translateY(-50%);
    }
  }
  &-date {
    font-size: $title-s;
  }
}

.dock-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
}
